<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>



<!DOCTYPE html>
<html>
<head>
	<%-- <title>首页</title> --%>
	<meta name="decorator" content="ems_${site.theme}_front" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" />
	
</head>
<body>
	<!--主界面部分-->
		 
	<header class="mui-bar mui-bar-nav" style="background:url('${ctxStatic }/weixin/images/navbg.jpg');"> 
			<div style="width:80%; overflow: hidden; margin:0  10%; line-height: 44px; text-align:center; vertical-align: middle; height: 100%;color:#fff;">
			山东少先队
			 </div> 
	</header>
 
 <div class="mui-content" style="padding-top:40px;">
			 
			<div id="slider" class="mui-slider"  >
				<div class="mui-slider-group mui-slider-loop" style="height:280px;">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<c:forEach items="${fnc:getArticleList(site.id, 'f500a832d35a4ffba7980229ce4917ec', 4, '')}" var="article" varStatus="stat">
						<div class="mui-slider-item">
						<img src="${article.image}">
						</div>
					</c:forEach>
				</div>
				<div class="mui-slider-indicator mui-text-center">
					<!-- <div class="mui-indicator mui-active"></div> -->
					<c:forEach items="${fnc:getArticleList(site.id, 'f500a832d35a4ffba7980229ce4917ec', 4, '')}" var="article">
						<div class="mui-indicator"></div>
					</c:forEach>
				</div>
			</div>
		</div>
		
		<div class="mui-content" style="padding-top:0px; overflow-y: scroll; height:auto;">
		        <ul class="mui-table-view mui-grid-view mui-grid-9" style="margin-top: 0;">
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
		            		<a href="${ctx }/weixin/frontJoin">
		                    <span class="mui-icon mui-icon-extra mui-icon-extra-new" style="color:#F30;"> </span>
		                    <div class="mui-media-body" style="font-size:13px">活动报名</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"  style="padding-left: 0; padding-right: 0">
		            		<a href="${ctx}/list-ce49827ccad344e38180a6898b358cc7${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-extra mui-icon-extra-topic" style="color:#f90;"></span>
		                    <div class="mui-media-body" style="font-size:13px">少先队要闻</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
		            		<a href="${ctx}/list-9ce2d573da1b4b018b8664e2b2a0a2ac${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon  mui-icon-image" style="color:#090 ;"></span>
		                    <div class="mui-media-body" style="font-size:13px">团队用品</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
		            		<a href="${ctx}/list-8c0ef07f9cfd4e5fb4817d981be9e7c3${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-starhalf" style="color:#f00 ;"></span>
		                    <div class="mui-media-body" style="font-size:13px">少年军校</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="padding: 11px 2px;">
		            		<a href="${ctx}/list-a04a2de70db742cdb53a4b8eed1bfe15${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-extra mui-icon-extra-holiday" style="color:#090 ;"></span>
		                    <div class="mui-media-body" style="font-size:13px">夏(冬)令营</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
		            		<a href="${ctx}/list-cc253f3b03e9415d85d7e8cd835906c6${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-extra mui-icon-extra-university" style="color:#007AFF ;"></span>
		                    <div class="mui-media-body" style="font-size:13px">百科题库</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="padding-left: 0; padding-right: 0">
		            		<a href="${ctx}/list-e5bd7ab24c9a4022979acba75a059fc0${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-flag" style="color: #f60;"></span>
		                    <div class="mui-media-body" style="font-size:13px">少先队风采</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
		            		<a href="${ctx}/list-fd13c8ade1084a24ab10ec601c0b150f${urlSuffix}?siteId=${site.id }">
		                    <span class="mui-icon mui-icon-eye" style="color:#09f ;"></span>
		                    <div class="mui-media-body" style="font-size:13px">媒体关注</div></a></li>
		           
		        </ul> 
		        <div class="title" style="padding: 10px;">
				<b>最新通知</b>
				<a href="${ctx}/list-55a7ab9af2f04599bd0636ab68026403${urlSuffix}?siteId=${site.id }" style="float: right;">更多</a>
				</div>
		        <ul class="mui-table-view">
		        <c:forEach items="${fnc:getArticleList(site.id, '55a7ab9af2f04599bd0636ab68026403', 6, '')}" var="article">
					<li class="mui-table-view-cell mui-media">
						<a href="<c:if test='${not empty article.link }'>${article.link }</c:if> <c:if test='${empty article.link }'>${ctx}/view-${article.category.id}-${article.id}${urlSuffix}?siteId=${site.id }</c:if>" target="<c:if test='${not empty article.link }'>_blank</c:if>" class="mui-navigate-right">
							<div class="mui-media-body">
								<p class="mui-ellipsis">${fns:abbr(article.title,35)}</p>
							</div>
						</a>
					</li>
				</c:forEach>
			</ul>
				<div class="title" style="padding: 10px;">
				<b>少先队风采</b><a href="${ctx}/list-e5bd7ab24c9a4022979acba75a059fc0${urlSuffix}?siteId=${site.id }" style="float: right;">更多</a>
				</div>
				<ul class="mui-table-view mui-grid-view" style="margin-bottom:10px;">
				<c:forEach items="${fnc:getArticleList(site.id, 'e5bd7ab24c9a4022979acba75a059fc0', 8, '')}" var="article" varStatus="status">
			        <li class="mui-table-view-cell mui-media mui-col-xs-6">
			            <a href="<c:if test='${not empty article.link }'>${article.link }</c:if> <c:if test='${empty article.link }'>${ctx}/view-${article.category.id}-${article.id}${urlSuffix}?siteId=${site.id }</c:if>" target="<c:if test='${not empty article.link }'>_blank</c:if>">
			                <img class="mui-media-object" src="${article.image }">
			                <div class="mui-media-body">${article.title }</div></a>
			         </li>
			    </c:forEach>
		    	</ul>   
		     
		    <div style="margin-bottom:60px; padding-top:0px;"><img src="${ctxStatic }/weixin/images/adv.jpg" width="100%"/></div>
		</div>
		 
	 
</body>
</html>